<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/vue/vue.js"></script>
</head>
<body>


    <div id="app">
        {{message}}
    <br>
    <!--{{属性}}  取值指令   这种只能用在标签内容上-->
    <span title="瞅你咋地">你愁啥</span><br>
    <!--v-bind:  属性取值指令,这种指令设置html标签属性-->
    <span v-bind:title="瞅你咋地">{{msg}}</span><br>
    <!--简写方式-->
    <span :title="瞅你咋地">{{msg}}</span><br>
    </div>

<script>

    var app = new Vue({
        el:'#app',
        data:{
            message:'hello vue',
            msg:'你愁啥',

        }
    })
</script>
</body>
</html>